<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name='format-detection' content='telephone=no' />
<title>人车人</title><link rel="icon" href="/assets/img/titleico.ico" type="image/x-icon">
<link rel="stylesheet" href="/assets/css/common.css" />
<link rel="stylesheet" href="/assets/css/iconfont/iconfont.css" />
<link rel="stylesheet" href="/assets/css/swiper-3.4.2.min.css" />
<style>
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction
	{
	width: inherit;
	left: 5%;
}

.swiper-pagination-bullet {
	width: 6px;
	height: 6px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet
	{
	margin: 0 2px;
}

.swiper-pagination-bullet-active {
	background-color: #e84816;
}

section {
	margin-bottom: 20%;
}

section .advertisement {
	margin: 2% 0;
}

section .advertisement .flex {
	width: 50%;
}

section .advertisement .flex a {
	display: block;
}

section .advertisement .flex img {
	width: 100%;
}

section .classification {
	padding: 1% 0;
	background-color: #fff;
	margin-bottom: 2%;
}

section .classification p.title {
	color: #999;
	text-indent: .8rem;
}

section .classification ul {
	padding: 1rem 5%;
	text-align: center;
	overflow: hidden;
}

section .classification ul li {
	float: left;
	width: 25%;
}

section .classification ul li a {
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-flow: column;
	flex-flow: column;
	color: #717171;
}

section .classification ul li a p {
	margin-top: .6rem;
	font-size: 1.2rem;
}

section .classification ul li .bgcolor {
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	border-radius: .6rem;
}

section .newcar ul li .bgcolor i {
	color: #fff;
	font-size: 2.4rem;
	vertical-align: middle;
}

section .newcar ul li:nth-child(1) .bgcolor {
	background-color: #9dcfcc;
}

section .newcar ul li:nth-child(2) .bgcolor {
	background-color: #aeb1d4;
}

section .newcar ul li:nth-child(3) .bgcolor {
	background-color: #8ebdd7;
}

section .newcar ul li:nth-child(4) .bgcolor {
	background-color: #8ea9d8;
}

section .usedcar ul li a i {
	font-size: 2.8rem;
}

section .usedcar ul li:nth-child(1) a i {
	color: #32baea;
}

section .usedcar ul li:nth-child(2) a i {
	color: #07baa5;
}

section .usedcar ul li:nth-child(3) a i {
	color: #fd904d;
}

section .usedcar ul li:nth-child(4) a i {
	color: #33bcea;
}

section .other ul {
	padding-bottom: 0;
}

section .other ul li {
	margin-bottom: 1rem;
}

section .other ul li a i {
	font-size: 2.8rem;
}

section .other ul li:nth-child(1) a i {
	color: #32baea;
}

section .other ul li:nth-child(2) a i {
	color: #07baa5;
}

section .other ul li:nth-child(3) a i {
	color: #fd904d;
}

section .other ul li:nth-child(4) a i {
	color: #33bcea;
}

section .other ul li:nth-child(5) a i {
	color: #32baea;
}

section .other ul li:nth-child(6) a i {
	color: #07baa5;
}
</style>
<script src="/assets/js/jquery-3.1.1.min.js"></script>
</head>
<body>

	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<img src="/assets/img/banner.png" width="100%" />
			</div>
		</div>
		<div class="swiper-pagination"></div>
	</div>

	<section>
		<div class="advertisement flexbox">
			<div class="flex r_bor">
				<a href="#"><img src="/assets/img/index_gg.jpg" /></a>
			</div>
			<div class="flex">
				<a href="#"><img src="/assets/img/index_gg2.jpg" /></a>
			</div>
		</div>

		<div class="classification newcar">
			<p class="title">新车</p>
			<ul>
				<li><a href="javascript:;" class="flexbox">
						<div class="bgcolor">
							<i class="iconfont">&#xe66f;</i>
						</div>
						<p>新车选购</p>
				</a></li>
				<li><a href="javascript:;" class="flexbox">
						<div class="bgcolor">
							<i class="iconfont">&#xe60a;</i>
						</div>
						<p>新车按揭</p>
				</a></li>
				<li><a href="javascript:;" class="flexbox">
						<div class="bgcolor">
							<i class="iconfont">&#xe6d6;</i>
						</div>
						<p>新车直租</p>
				</a></li>
				<li><a href="javascript:;" class="flexbox">
						<div class="bgcolor">
							<i class="iconfont">&#xe631;</i>
						</div>
						<p>保险返点</p>
				</a></li>
			</ul>
		</div>
		<div class="classification usedcar">
			<p class="title">二手车</p>
			<ul>
				<li><a href="javascript:;" class="flexbox">
						<div class="bgcolor">
							<i class="iconfont">&#xe615;</i>
						</div>
						<p>买卖二手车</p>
				</a></li>
				<li><a href="javascript:;" class="flexbox">
						<div class="bgcolor">
							<i class="iconfont">&#xe6d6;</i>
						</div>
						<p>二手车按揭</p>
				</a></li>
				<li><a href="javascript:;" class="flexbox">
						<div class="bgcolor">
							<i class="iconfont">&#xe60e;</i>
						</div>
						<p>二手车直租</p>
				</a></li>
				<li><a href="javascript:;" class="flexbox">
						<div class="bgcolor">
							<i class="iconfont">&#xe61b;</i>
						</div>
						<p>保险分期</p>
				</a></li>
			</ul>
		</div>
		<div class="classification other">
			<p class="title">融资</p>
			<ul>
				<li><a href="javascript:;" class="flexbox">
						<div class="bgcolor">
							<i class="iconfont">&#xe920;</i>
						</div>
						<p>车商信贷</p>
				</a></li>
				<li><a href="javascript:;" class="flexbox">
						<div class="bgcolor">
							<i class="iconfont">&#xe6e7;</i>
						</div>
						<p>车主信贷</p>
				</a></li>
				<li><a href="javascript:;" class="flexbox">
						<div class="bgcolor">
							<i class="iconfont">&#xe91e;</i>
						</div>
						<p>车辆抵押</p>
				</a></li>
				<li><a href="javascript:;" class="flexbox">
						<div class="bgcolor">
							<i class="iconfont">&#xe91f;</i>
						</div>
						<p>车辆质押</p>
				</a></li>
			</ul>
		</div>
		<div class="classification other">
			<p class="title">其它</p>
			<ul>
				<li><a href="javascript:;" class="flexbox">
						<div class="bgcolor">
							<i class="iconfont">&#xe61a;</i>
						</div>
						<p>营销推广</p>
				</a></li>
				<li><a href="javascript:;" class="flexbox">
						<div class="bgcolor">
							<i class="iconfont">&#xe6cb;</i>
						</div>
						<p>合作加盟</p>
				</a></li>
			</ul>
		</div>
	</section>

	<!-- footer start -->
	#--#@footer(0)--#
	<!-- end footer -->

	<script src="/assets/js/fastclick.min.js"></script>
	<script src="/assets/js/jquery-3.1.1.min.js"></script>
	<script src="/assets/js/xxsg.js"></script>
	<script src="/assets/js/swiper-3.4.2.jquery.min.js"></script>
	<script>
		$(function(){
			var mySwiper = new Swiper('.swiper-container', {
				pagination: '.swiper-pagination',
				loop: true,
				autoplay: 3000,
				autoplayDisableOnInteraction: false
			})
		})
	</script>
</body>
</html>
